<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="icon" type="image/x-icon" href="http://47.106.73.53/zhihu/ResourcesImage/bitbug_favicon.ico">
    <link rel="stylesheet" href="/css/animate.css">
    <link rel="stylesheet" href="/css/global.css">
    <link rel="stylesheet" href="/css/loading.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/bootstrap.js"></script>
    <link rel="stylesheet" href="/css/summernote.css">
    <script src="/js/summernote.js"></script>
    <script src="/js/summernote-zh-CN.js"></script>
    <script src="/js/jquery.form.js"></script>
    <script src="/js/loading.js"></script>
    <link rel="stylesheet" href="/css/answer_comment.css">
    <script src="../js/answer_comment.js"></script>


</head>
<body>
<div class="col-md-12" style="padding: 0">
    <nav class="navbar navbar-default">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="container-fluid">

                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><strong>知乎</strong></a>
                </div>


                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="question_first.html">首页</a></li>
                        <li><a href="question_first.html">发现</a></li>
                        <li><a href="topic_list.html">话题</a></li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input id="search_input" type="text" class="form-control" placeholder="母猪产后如何护理">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <button class="btn nullStyle_btn" style="margin-top: 8px;" data-toggle="modal"
                                    data-target="#remindModal">
                                <span class="glyphicon glyphicon glyphicon-bell"></span>
                                <span id="badge_number" class="badge"></span>
                            </button>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                               aria-haspopup="true"
                               aria-expanded="false">
                                <img id="hand_image" style="width: 20px;height: 20px;border-radius: 3px"
                                     src="http://47.106.73.53/zhihu/ResourcesImage/default_user_handImage.jpg">
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="/presonal_homepage.html"><span
                                        class="glyphicon glyphicon glyphicon-user"></span> 我的主页</a></li>
                                <li><a href="#"><span class="glyphicon glyphicon glyphicon-cog"></span> 设置</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a onclick="logout()"><span class="glyphicon glyphicon glyphicon-off"></span> 退出</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-3"></div>
    </nav>
</div>
<div id="middle" class="col-md-12">
    <div id="middle_div" style="height:230px;">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div>
                <div id="flag_context" class="col-md-9">

                </div>
                <div class="col-md-3">
                    <table cellspacing="0">
                        <tr>
                            <td id="td_left">
                                <p>关注者</p>
                                <p><b>2,294</b></p>
                            </td>
                            <td id="td_right">
                                <p>被浏览</p>
                                <p><b>9,805,993</b></p>
                            </td>
                        </tr>

                    </table>
                </div>
            </div>
            <div>
                <div id="title_div">
                    <h4><b id="title_b"></b></h4>
                </div>
                <div class="col-md-8">
                    <div>
                        <div id="content"></div>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
            <div class="col-md-12">
                <div id="fllowBtn_div">
                    <button id="follow_question_btn"
                            onclick="follow_question()" class="btn btn-primary hidden">
                        关注问题
                    </button>
                    <button id="cancel_follow_question_btn"
                            onclick="cancel_follow_question()" class="btn btn-primary hidden">
                        取消关注
                    </button>
                    <button class="btn btn-default" data-toggle="modal" data-target="#add_answer_modal">
                        <span class="glyphicon glyphicon-pencil"></span> 写回答
                    </button>
                    <button class="btn btn-default"><span class="glyphicon glyphicon-share"></span> 邀请回答</button>
                    <button onclick="hiddenQuestionContent()" id="up_btn" class="show_All_btn" hidden>收起 <span
                            class="glyphicon glyphicon-chevron-up"></span>
                    </button>
                </div>
            </div>

        </div>
        <div class="col-md-3"></div>
    </div>
</div>
<div class="col-md-12" style="padding: 0">
    <div class="col-md-3"></div>
    <div class="col-md-7">
        <div id="answer_area" class="col-md-7"></div>
        <div class="col-md-4 recommend_context">
            <div id="relevant_question" class="answer_context">
                <b>相关问题</b>
                <hr>
            </div>
            <div class="answer_context">
                <b>相关推荐</b>
                <hr>
                <div>
                    <img style="width: 75px" src="http://47.106.73.53/zhihu/ResourcesImage/background.png">
                    <div style="float: right">
                        <span style="font-size: 12px"><strong>女生独自去中东旅行，安全吗？</strong></span>
                        <br>
                        <span>365人参与</span>
                    </div>
                </div>
                <div>
                    <img style="width: 75px" src="http://47.106.73.53/zhihu/ResourcesImage/background.png">
                    <div style="float: right">
                        <span style="font-size: 12px"><strong>女生独自去中东旅行，安全吗？</strong></span>
                        <br>
                        <span>365人参与</span>
                    </div>
                </div>
                <div>
                    <img style="width: 75px" src="http://47.106.73.53/zhihu/ResourcesImage/background.png">
                    <div style="float: right">
                        <span style="font-size: 12px"><strong>女生独自去中东旅行，安全吗？</strong></span>
                        <br>
                        <span>365人参与</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-2"></div>
</div>

<!-- AddAnswerModal -->
<div class="modal fade" id="add_answer_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">添加回答</h4>
            </div>
            <div class="modal-body">
                <span id="msg" style="color: red"></span>
                <form id="addAnswerForm" action="/answer/add" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="qid"/>
                    <textarea id="summernote" name="content"></textarea>
                </form>
            </div>
            <div class="modal-footer">
                <button id="add_btn" type="button" class="btn btn-primary">点击提交</button>
            </div>
        </div>
    </div>
</div>

<!-- RemindModal -->
<div class="modal fade" id="remindModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="remindModaltitle">信息提醒</h4>
                <div id="remind_msg" style="color: red"></div>
            </div>
            <div class="modal-body">
                <h6>回答提醒</h6>
                <table>
                    <div id="answer_remind">
                    </div>
                </table>

                <hr>
                <h6>评论提醒</h6>
                <table>
                    <div id="comment_remind">
                    </div>
                </table>
            </div>
        </div>
    </div>
</div>

</body>
<script>
    loading();
</script>
</html>